<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--
/*******************************************************************************
Cloud Firewall - a browser extension/addon that allows users to block connections 
to sites, pages and web resources (images, videos, etc) hosted in major cloud services
if the user wishes to do so.
Copyright (C) 2019-2020 Niklas Poslovski
Copyright (C) 2019 Gokulakrishna Sudharsan

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.If not, see <http://www.gnu.org/licenses/>.

Home: https://notabug.org/nipos/cloud-firewall
*/
-->
<title>Cloud Firewall</title>
<link rel="stylesheet" href="css/toggleswitch.css">
<link rel="shortcut icon" href="images/shield.svg">
<script src="js/settings/registerListeners.js"></script>
<script src="js/settings/settingspage.js"></script>

		<style>
			body {
				margin: auto 3%;
			}
		</style>
</head>
	<body>
		<h3>Global Rules</h3>
<i18n>settingsdescription</i18n>
<div style="display:table" id="switches">
<label class="md_switch">
<input type="checkbox" id="switchgoogle">
<span class="md_switch__toggle"></span>
&nbsp;&nbsp;&nbsp; <i18n>blockgoogle</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="switchamazon">
<span class="md_switch__toggle"></span>
&nbsp;&nbsp;&nbsp; <i18n>blockamazon</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="switchfacebook">
<span class="md_switch__toggle"></span>
&nbsp;&nbsp;&nbsp; <i18n>blockfacebook</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="switchapple">
<span class="md_switch__toggle"></span>
&nbsp;&nbsp;&nbsp;<i18n>blockapple</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="switchmicrosoft">
<span class="md_switch__toggle"></span>
&nbsp;&nbsp;&nbsp;<i18n>blockmicrosoft</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="switchcloudflare">
<span class="md_switch__toggle"></span>
<span style="display: inline;">
&nbsp;&nbsp;&nbsp;<i18n>blockcloudflare</i18n></span></label>
</div>

		<h3>Miscellaneous</h3>
<div id="toggles">
<label class="md_switch">
<input type="checkbox" id="toggleOperationMode">
<span class="md_switch__toggle"></span>
<i18n>settingsdescriptiontwo</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="toggleRulePersistence">
<span class="md_switch__toggle"></span>
<i18n>settingsdescriptionthree</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="toggleNotifications">
<span class="md_switch__toggle"></span>
<i18n>settingsdescriptionfour</i18n></label><br/>
<label class="md_switch">
<input type="checkbox" id="toggleDecentraleyes">
<span class="md_switch__toggle"></span>
<i18n>settingsdecentraleyes</i18n></label> <a id="decentraleyesNote"><i18n>readnote</i18n></a> <div id="NotetoDecentraleyesUsers" style="display:none;"><i18n>settingsdescriptionfiveone</i18n> <em><i18n>settingsdescriptionfivetwo</i18n></em></div>
<label class="md_switch">
<input type="checkbox" id="toggleLogging">
<span class="md_switch__toggle"></span>
<i18n>enablelogging</i18n> <br/> | <i18n>hostname</i18n> | <i18n>shouldcancel</i18n>? | URL | <i18n>whichcloud</i18n>? |</p></label>
<a style="float: right; color: red; margin-right:4%" id="toggleResetwarn">
<i18n>deletecache</i18n></a>
<div style="text-align: center; display:none; color:red;" id="showresetConfirmation">
<p style="font-style: italic ">
<i18n>deletecachesureone</i18n>?<br/><i18n>deletecachesuretwo</i18n> 
</p>
<div style="text-align:left ">
<a style="float: left" id="cancelresets" class="btn medium green">
<i18n>cancelcache</i18n></a>
<a style="float: right " id="doFactoryReset" class=" btn red reset">
<i18n>deletecacheimsure</i18n></a>
</div>
</div>
</div>
</body>
<script src="js/i18n.js"></script>
</html>
